<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">
	
<h:head>
<title>Dettaglio pacchetto</title>
		<link rel="stylesheet" type="text/css" href="style/reset.css" media="screen,print" />
		<link rel="stylesheet" type="text/css" href="style/print.css" media="print" />
		<link rel="stylesheet" type="text/css" href="style/style.css" media="screen,print" />
		<link rel="stylesheet" type="text/css" href="style/template.css" media="screen" />
		<link rel="stylesheet" type="text/css" href="style/menu.css" media="screen" />
		<link rel="stylesheet" type="text/css" href="pcss/pagina-3.css" media="screen" />
	</h:head>


<h:body onload="#{pacchettoBean.caricaDettaglio(param['id'])}">
		<div id="imHeaderBg"></div>
		<div id="imFooterBg"></div>
		<div id="imPage">
			<div id="imHeader">
				<h1 class="imHidden">Area Personale</h1>
			</div>
			<a class="imHidden" href="#imGoToCont" title="Salta il menu di navigazione">Vai ai contenuti</a>
			<a id="imGoToMenu"></a><p class="imHidden">Menu principale:</p>
			<div id="imMnMn" class="auto">
				<ul class="auto">
					<li id="imMnMnNode0">
						<a href="http://localhost:8080/TravelDreamOnlineWeb">
							<span class="imMnMnFirstBg">
								<span class="imMnMnTxt"><span class="imMnMnImg"></span>Home Page</span>
							</span>
						</a>
					</li><li id="imMnMnNode3" class="imMnMnCurrent">
						<a href="http://localhost:8080/TravelDreamOnlineWeb/user/index.xhtml">
							<span class="imMnMnFirstBg">
								<span class="imMnMnTxt"><span class="imMnMnImg"></span>Area Personale</span>
							</span>
						</a>
					</li><li id="imMnMnNode4">
						<a href="http://localhost:8080/TravelDreamOnlineWeb/admin/index.xhtml">
							<span class="imMnMnFirstBg">
								<span class="imMnMnTxt"><span class="imMnMnImg"></span>Area Riservata</span>
							</span>
						</a>
					</li><li id="imMnMnNode5">
						<a href="http://localhost:8080/TravelDreamOnlineWeb/contatti.html">
							<span class="imMnMnFirstBg">
								<span class="imMnMnTxt"><span class="imMnMnImg"></span>Contatti</span>
							</span>
						</a>
					</li>
				</ul>
			</div>
			<div id="imContentGraphics"></div>
			<div id="imContent">
			
<!--INSERIRE QUI LA PAGINA>
/////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////
<-->	
<h1> #{pacchettoBean.selectedPacchetto.nome}</h1>

		<p:growl id="growl" showDetail="true" sticky="true" />
		
		<h:link outcome="ricerca" value="Aggiungi un elemento filtrando data e prezzo" /> <br /> 
		<h:link outcome="ricercaVolo" value="Aggiungi un volo" /> <br /> 
		<h:link outcome="ricercaHotel" value="Aggiungi un hotel" /> <br /> 		
		<h:link outcome="ricercaEscursione" value="Aggiungi una escursione" /> <br /> 
		<p:commandButton value="Paga pacchetto" update="growl" icon="ui-icon-search" action="#{acquistoBean.pagaPacchettoPersonale(pacchettoBean.selectedPacchetto)}"> 
		   <f:actionListener binding="#{pacchettoBean.valida()}" />
		</p:commandButton>   		
		<p:commandButton value="Condividi con i tuoi amici" update="growl" icon="ui-icon-search" oncomplete="dial.show();"/>     			
		<p:commandButton value="Cancella pacchetto" icon="ui-icon-search" action="#{pacchettoBean.elimina()}"/>  
		
		<h:form>
			
		<p:growl id="growl" showDetail="true" sticky="true" /> 
	
		<p:contextMenu for="pack">  
        <p:menuitem value="Dettaglio" update="display" icon="ui-icon-search" action="#{ricerca.loadDettaglio(pacchettoBean.selectedElemento)}" oncomplete="PF('elementDialog').show()"/>  
   		<p:menuitem value="Paga" update="pack growl" icon="ui-icon-search" action="#{acquistoBean.pagaGiftList(pacchettoBean.selectedElemento)}">  
   		</p:menuitem>
   		<p:menuitem value="Cancella elemento" update="pack" icon="ui-icon-search" action="#{pacchettoBean.eliminaElemento()}"/>  
 	    </p:contextMenu>  
		
    	<p:dataTable id="pack" var="elemento" value="#{pacchettoBean.selectedPacchetto.elementi}" scrollable="true" scrollHeight="150"
    	rowKey="#{elemento.idElementoBase}" selection="#{pacchettoBean.selectedElemento}" selectionMode="single">  
        	<p:column headerText="Nome Elemento">  
            	<h:outputText value="#{elemento.nome}" />  
        	</p:column>  
        	
        	<p:column headerText="Data">  
            	<h:outputText value="#{elemento.data}" />  
        	</p:column>  
        	
        	<p:column headerText="Ora">  
            	<h:outputText value="#{elemento.ora}" />  
        	</p:column>  
        	
        
        	<p:column headerText="Prezzo">  
            	<h:outputText value="#{elemento.prezzo}" />  
        	</p:column>  
        	
        	        	<p:column headerText="Tipo">  
            	<h:outputText value="#{elemento.tipo}" />  
        	</p:column>  
  
  	  </p:dataTable>  
  	  
  	  	 <p:dialog header="Dettaglio Elemento " widgetVar="elementDialog" resizable="false" id="carDlg"  
                showEffect="fade" hideEffect="explode" modal="true" position="top">  
  
        <h:panelGrid id="display" columns="2" cellpadding="4" style="margin:0 auto;">  
  
            <h:outputText value="Nome:" />  
            <h:outputText value="#{pacchettoBean.selectedElemento.nome}" style="font-weight:bold"/>
            
            <h:outputText value="Data:" />  
            <h:outputText value="#{pacchettoBean.selectedElemento.data}" style="font-weight:bold"/>  

            <h:outputText value="Ora:" />  
            <h:outputText value="#{pacchettoBean.selectedElemento.ora}" style="font-weight:bold"/>  
            
            
            <h:outputText value="Prezzo:" />  
            <h:outputText value="#{pacchettoBean.selectedElemento.prezzo}" style="font-weight:bold"/>    
  
  			<h:outputText value="Tipo:" />  
            <h:outputText value="#{pacchettoBean.selectedElemento.tipo}" style="font-weight:bold"/> 
           
           
            <h:outputText rendered="#{pacchettoBean.selectedElemento.tipo eq 'Volo'}" value="Città arrivo:" />  
            <h:outputText rendered="#{pacchettoBean.selectedElemento.tipo eq 'Volo'}" value="#{ricerca.volo.cittàArrivo}" style="font-weight:bold"/> 
            
  			<h:outputText rendered="#{pacchettoBean.selectedElemento.tipo eq 'Volo'}" value="Città partenza:" />  
            <h:outputText rendered="#{pacchettoBean.selectedElemento.tipo eq 'Volo'}" value="#{ricerca.volo.cittàPartenza}" style="font-weight:bold"/> 
        
        	<h:outputText rendered="#{pacchettoBean.selectedElemento.tipo eq 'Volo'}" value="Compagnia:" />  
            <h:outputText rendered="#{pacchettoBean.selectedElemento.tipo eq 'Volo'}" value="#{ricerca.volo.compagnia}" style="font-weight:bold"/>
  			
  			<h:outputText rendered="#{pacchettoBean.selectedElemento.tipo eq 'Volo'}" value="Numero Volo:" />  
            <h:outputText rendered="#{pacchettoBean.selectedElemento.tipo eq 'Volo'}" value="#{ricerca.volo.numVolo}" style="font-weight:bold"/>    
          

            <h:outputText rendered="#{pacchettoBean.selectedElemento.tipo eq 'Escursione'}" value="Città:" />  
            <h:outputText rendered="#{pacchettoBean.selectedElemento.tipo eq 'Escursione'}" value="#{ricerca.escursione.città}" style="font-weight:bold"/> 
            
            <h:outputText rendered="#{pacchettoBean.selectedElemento.tipo eq 'Escursione'}" value="Ora:" />  
            <h:outputText rendered="#{pacchettoBean.selectedElemento.tipo eq 'Escursione'}" value="#{ricerca.escursione.oraFine}" style="font-weight:bold"/> 
             
            <h:outputText rendered="#{pacchettoBean.selectedElemento.tipo eq 'Escursione'}" value="Tipo:" />  
            <h:outputText rendered="#{pacchettoBean.selectedElemento.tipo eq 'Escursione'}" value="#{ricerca.escursione.tipo}" style="font-weight:bold"/> 
            
            
            
            <h:outputText rendered="#{pacchettoBean.selectedElemento.tipo eq 'Hotel'}" value="Città:" />  
            <h:outputText rendered="#{pacchettoBean.selectedElemento.tipo eq 'Hotel'}" value="#{ricerca.hotel.città}" style="font-weight:bold"/> 
                        
            <h:outputText rendered="#{pacchettoBean.selectedElemento.tipo eq 'Hotel'}" value="Descrizione:" />  
            <h:outputText rendered="#{pacchettoBean.selectedElemento.tipo eq 'Hotel'}" value="#{ricerca.hotel.descrizione}" style="font-weight:bold"/> 
                     
            <h:outputText rendered="#{pacchettoBean.selectedElemento.tipo eq 'Hotel'}" value="Indirizzo:" />  
            <h:outputText rendered="#{pacchettoBean.selectedElemento.tipo eq 'Hotel'}" value="#{ricerca.hotel.indirizzo}" style="font-weight:bold"/> 
            
            <h:outputText rendered="#{pacchettoBean.selectedElemento.tipo eq 'Hotel'}" value="Numero Telefono:" />  
            <h:outputText rendered="#{pacchettoBean.selectedElemento.tipo eq 'Hotel'}" value="#{ricerca.hotel.numTelefono}" style="font-weight:bold"/> 
           
                     
        </h:panelGrid>   
  
    </p:dialog> 
  	  
  	 <p:dialog header="Invia pacchetto per email" widgetVar="dial" resizable="false" id="emailDialog"  
                showEffect="fade" hideEffect="explode" modal="true" position="top">  
                <h:form>
                		<p:growl id="growl1" showDetail="true" sticky="true" />
                
        		<h:panelGrid columns="3" id="regGrid">
				<h:outputLabel for="nome">Email</h:outputLabel>
				<p:inputText id="nome" value="#{emailBean.email}" />

				</h:panelGrid>
				<p:commandButton value="Invia" update="growl1" action="#{emailBean.inviaPacchetto(userBean.utente.email,pacchettoBean.selectedPacchetto)}" oncomplete="PF('dial').hide();"/>

                </h:form>
  </p:dialog>
      <p:commandButton value="Indietro" oncomplete = "window.history.back();"/>
 </h:form>  
<!--FINE DELLA PAGINA>
/////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////
<-->						
				
								
			</div>		
			<div id="imFooter">
				
			</div>
	</div>
		<span class="imHidden"><a href="#imGoToCont" title="Rileggi i contenuti della pagina">Torna ai contenuti</a> | <a href="#imGoToMenu" title="Naviga ancora nella pagina">Torna al menu</a></span>
		
	<noscript class="imNoScript"><div class="alert alert-red">Per poter utilizzare questo sito è necessario attivare JavaScript.</div></noscript>
				</h:body>
</html>
